/**
* Foglioo di stile dell'intero progetto
*/
ul{
    list-style:none;
}
a{
    text-decoration:none;
    color:gray;
}

body{ 
    font-family: "Times New Roman",Georgia,Serif;
    margin: 0px;
    padding: 20px 6% 10px 6%;
    background-color: beige;
    color:black;  
}

p{
    padding-top:0px;
    padding-bottom:0px;
}
/* -----------------------------------HEADER------------------------------------ */
#wrapper{
    border:1px solid lightgray;
    background-color:white;
    padding: 0px 4% 0px 4%;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
}
#header{
    width:100%;
    height: 300px;
    min-width:1000px;
}

#logo{
    margin-top:20px;
    display: inline-block;
    width: auto;
    height:100%;
    width:200px;
    background: url('images/logo2.png') top left no-repeat;
}
#title{
    display: inline-block;
    vertical-align: top;
    margin-top: 50px;
    margin-left: -30px;
    background: url('images/titolo.png') center center no-repeat;
    height:100px;
    width:200px;
}

#menu {
    vertical-align:top;
    width: 540px; 
    display:inline-block;
    margin-left: 160px;
    margin-top:6%;
    list-style:none;  
    text-align:center;
}

#menu ul{
    list-style:none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;  
}
#menu li{ 
   
    display:inline;  
    margin-left: 5px;
    margin-right: 5px;
}
#menu li:hover{
  
}
#menu a  {
    font-size: 26px;
    font-family:Arial, Helvetica, sans-serif;
    color: gray;
    text-decoration:none;
}
#menu a:hover{
   color: #0066CC;
}

#separatore{
    background: url('images/separatore.png') top right no-repeat;
    width:100%;
    margin-top:-220px;
    height:188px;
    margin-left:120px;
}

/* -----------------------------------CONTENT------------------------------------ */

#content {
    width:100%;
    padding:10px 10px 10px 10px;
}
#path {
    height:24px;
    width:100%;
    background-color: aliceblue;
    text-indent: 20px;
    line-height: 24px;
    color: gray;
    margin-top: -40px;
}
#formRicerca{
    margin-top: 80px;
}
#formRicerca form{
    margin: 0px 0px 0px 160px;
    padding:30px;
    display: inline;
    border:1px solid lightgray;
}
#previsioniCittaImportanti{
    vertical-align:top;
    border:1px solid lightgray;
    -moz-border-radius: 10px;
    width:600px;
    height: auto;
    text-align: center;
    padding:4px 4px 4px 4px;   
    display: inline-block;
    margin-top:78px;
}
#previsioniCittaImportanti ul{

}
#citta{
    border-bottom:1px solid lightgray;
    width:100%;
    background-color:wheat;
}
#citta a{
    color:darkred;
}
#citta a:hover{
   /*color: #0066CC;*/
   font-weight:bold;
}
#citta td{
    
}
#previsioni{
    width:100%;
    padding:0px;
    margin:0px;
    border:none;  
}
#previsioni td{
    padding:6px;
}
#citta .selected {
   color: green;
}
#cartina{
    display:inline-block;
    border: 1px solid black;
    margin-left: 80px;
    vertical-align: top;
    margin-top: 0px;
   
}
/* ---------------------------------------FOOTER ----------------------------------*/
#footer{
    text-align: center;
    height: 20px;
    font-size:14px;
    color: darksalmon;
    width:100%;
    margin-top:4px;  
}

/*----------------------------------------EXTRA ---------------------------------------*/
#errore{
    padding:20px;
    margin-top:60px;
    margin-left:60px;
    border-radius:15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border:1px solid lightgray;
    width:400px;
    background-color:wheat;
    display:inline-block;
}

/*---------------------------------------EFFETTO AUTOCOMPLETE-------------------------------*/

/*-------------------------------------- LOGIN -----------------------------------------------*/
#login{   
    margin: 0px auto 10px auto;
    width:200px;
   
}
#login form{
    border-top:1px solid lightgray;
    border-bottom: 1px solid lightgray;
     padding:10px;
     text-align:center;
}
#login input{
    margin-top:6px;
    width:120px;
    text-align:center;
}
#login [type=submit]{
    width:80px;
}
#login a{
    color:blue;
}
/*--------------------------------------- REGISTRAZIONE ---------------------------------*/
#registrazione{   
    margin: 0px auto 10px auto;
    width:200px;
   
}
#registrazione form{
    border-top:1px solid lightgray;
    border-bottom: 1px solid lightgray;
     padding:10px;
     text-align:center;
}
#registrazione input{
    margin-top:6px;
    width:140px;
    text-align:center;
}
#registrazione [type=submit]{
    width:80px;
}
/*-------------------------- PREVISIONI----------------------------------*/
#tabellaPrevisioni{
    margin: 20px auto;
    vertical-align:top;
    border:1px solid lightgray;
    -moz-border-radius: 10px;
    width:600px;
    height: auto;
    text-align: center;
    padding:4px 4px 4px 4px;   
  
   
}

#formRicercaP {
    margin:0 auto;
    width:320px;
    text-align:center;
}

#formRicercaP form{
    padding:20px;
    border:1px solid lightgray;
}
/*--------------------------------------PROFILO---------------------------------------*/
#password{
    width:200px;
    margin: 0px auto;
    text-align:center;
    margin-bottom: 10px;
}
#password form{
    
    padding:10px;
    border-top:1px solid lightgray;
    border-bottom:1px solid lightgray;
}
#password input{
    text-align: center;
    margin-top: 6px;
}
/*------------------------------------GESTIONE THREAD------------------------------------------------*/
#gestioneThread{
    margin: 0px auto; 
    text-align:center;
    border: 1px solid lightgray;
    width:240px;
    padding:10px;
}

#gestioneThread form{
    margin: 10px auto;
    display: inline;
}
#gif{
    text-align: center;
    margin: 0px auto;
}